<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css\html初始结合</title>
	</head>
	<body>
		<!--
			css层叠样式表，美化作用，字体样式、背景样式、列表样式
			一般用style来修饰
			字体样式：
				color：可以控制字体的颜色，虽然在font里也有但是在官方文档中并不被推荐
				font-size:控制文本字体的大小
				font-style: 控制字体样式
				font-family：控制字体的种类(宋体、微软雅黑什么的)
				font-weight: 控制字体的粗细，取值为100-900,border、bord也行粗细>1000
				text-shadow: 阴影，语法规则 x y z 颜色,x 为横向距离值，y 为纵向距离值，z为三维里的值带有阴影深度值，颜色值不用多说
				text-decoration: 文字的下划线(underline)、上划线(overline)、删除线(none)->none用来给一般超链接初始时自带的下划线取消线制
				span 用来组合行内元素，主要是来给想要添加样式的元素提供更好的承载元素而已
		-->
		
		<span style="color: red;font-size: 60px;font-family: 微软雅黑;font-style:italic;font-weight: 900;text-shadow: 10px 2px 2px black;text-decoration: underline;">
			我叫刘晨
		</span>
		<br \>
		<br \>
		<br \>
		<a href="http://www.baidu.com" style="text-decoration: none;">百度一下，你就知道</a>
	    <br \>
		<br \>
		<br \>
	    <span style="text-transform: uppercase;">hello</span>
	    <!--
	    	CSS 样式表书写模式：
	    	1. 行内表达，即修饰语句放到style里面置一行，即上面的例子
	    	2. 内部表达，新建内部表达html文件
	    	3. 外部样式, 也在2的html里实现
	    -->
	</body>
</html>
